<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <%@include file="/static/common/common.jsp" %>
    <script src="/static/js/insurance/insureInfo.js"></script>

</head>
<body>
<form id="insure_Form" method="post" style="height: 100%;">
    <input type="hidden" id="id" name="id"/>
    <div id="insure_panel1" class="easyui-panel" title="投保人"
         style="width:100%;height:25%;padding:10px;background:#fafafa;"
         data-options="collapsible:true">
        <table id="insure" style="display: none;">
            <tr>
                <input type="hidden" id="clientId" name="client.id"/>
                <td>姓名:</td>
                <td><span tag="name"></span> </td>
                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                <td>性别:</td>
                <td><span tag="gender"></span></td>
                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                <td>身份证:</td>
                <td>
                    <span tag="identitynum"></span>
                </td>
            </tr>
            <tr>
                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
            </tr>
            <tr>
                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
            </tr>
            <tr>
                <td>联系方式:</td>
                <td>
                    <span tag="tel"></span>
                </td>
                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                <td>通讯地址:</td>
                <td>
                    <span tag="address"></span>
                </td>
            </tr>
            <tr>
                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
            </tr>
            <tr>
                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
            </tr>
        </table>
        <p><a id="client_linkbutton">选择客户</a></p>
    </div>
    <div id="insure_panel2" class="easyui-panel" title="车辆信息"
         style="width:100%;height:30%;padding:10px;background:#fafafa;"
         data-options="collapsible:true">
        <table>
            <tr>
                <td>车主姓名:</td>
                <td><input class="easyui-textbox" id="carOwnName" name="car.owner" required="true"/></td>
                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                <td>品牌:</td>
                <td>
                    <input class="easyui-textbox" id="brand" name="car.brand"/>
                </td>
                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                <td>型号:</td>
                <td>
                    <input class="easyui-textbox" id="model" name="car.productName"/>
                </td>
            </tr>
            <tr>
                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
            </tr>
            <tr>
                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
            </tr>
            <tr>
                <td>车牌号码:</td>
                <td>
                    <input class="easyui-textbox" name="car.carNum" required="true"/>
                </td>
                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                <td>排气量:</td>
                <td>
                    <input class="easyui-textbox" name="car.displacement" id="exhaust"/>&nbsp;L
                </td>
                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                <td>汽车分类:</td>
                <td>
                    :<input class="easyui-ComboBox" panelHeight="auto" name="car.type" id="carClass" data-options="
                        valueField: 'val',
                        textField: 'text',
                        data:[{
                            val:'载物',
                            text:'载物'
                        },{
                            val:'载客',
                            text:'载客'
                        }]
                        " value="载物"/>
                </td>
            </tr>
            <tr>
                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
            </tr>
            <tr>
                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
            </tr>
            <tr>
                <td>购置日期:</td>
                <td>
                    <input class="easyui-datebox" name="car.purchaseDate" id="buyDate"/>
                </td>
                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                <td>市场估价:</td>
                <td>
                    <input class="easyui-textbox" name="car.evaluation" id="price"/>&nbsp;万
                </td>
                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                <td>车载大小:</td>
                <td>
                    <input class="easyui-ComboBox" panelHeight="auto" name="car.size" id="size" data-options="
                        valueField: 'id',
                        textField: 'text',
                        data:[{
                            id:'小型',
                            text:'小型'
                        },{
                            id:'中型',
                            text:'中型'
                        },{
                            id:'大型',
                            text:'大型'
                        },{
                            id:'超大型',
                            text:'超大型'
                        }]
                        " value="小型"/>
                </td>
            </tr>
            <tr>
                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
            </tr>
            <tr>
                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
            </tr>
            <tr>
                <td><a id="car_linkbutton">常见车型选择</a></td>
            </tr>
        </table>
    </div>
    <div id="insure_panel3" class="easyui-panel" title="保险产品"
         style="width:100%;height:30%;padding:10px;background:#fafafa;"
         data-options="collapsible:true">
        <input type="hidden" name="organization.id" id="organizationId"/>
        承保机构<input id="organization_combogrid" value="请选择"/>&nbsp;<a id="add_linkbutton">添加产品</a>&nbsp;
        保险时长<input id="burningTime" name="time"/>年<br/><br/>
        <table id="productItem_datagrid"></table>
        总计<span id="totalAmount" style="font-size: xx-large;color: red">0</span>元
    </div>

    <br/>
    <p><a id="submit">暂存保单</a></p>

    <div id="client_dialog">
        <table id="client_datagrid"></table>
    </div>
    <div id="car_dialog">
        <table id="car_datagrid"></table>
    </div>
    <div id="product_dialog">
        <table id="product_datagrid"></table>
    </div>
    <div id="client_toorbar">
        客户姓名：<input id="clientName" class="easyui-textbox">
        <a class="easyui-linkbutton" iconCls="iconfont icon-sousuo" plain="true" id="queryLinkbutton">搜索</a>
    </div>
    <div id="client_buttons">
        <a id="client_ok" class="easyui-linkbutton">确定</a>
    </div>
    <div id="car_buttons">
        <a id="car_ok" class="easyui-linkbutton">确定</a>
    </div>
    <div id="product_buttons">
        <a id="product_ok" class="easyui-linkbutton">确定</a>
    </div>
    <div id="productItem_buttons">
        <a id="product_remove" iconCls="iconfont icon-shanchu" class="easyui-linkbutton">删除</a>
    </div>
</form>
</body>

</html>
